<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐购首页-爆款</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/css/purchase/coupon.min.css?v=<%=$version%>">
</head>
<body>
<div id="coupon" v-cloak>
    <header class="discount-header">
        <span class="goback" @click="getBack()"></span>
        折扣券
        <!--<span class="discount-spsre"></span>-->
    </header>
    <div class="coupon-cent">
        <div class="coupon-title clearfix">可用折扣券</div>
        <div class="coupon-list" @click="getNext(coupons.couponId)">
            <strong class="coupon-lableIcon"></strong>
            <strong class="coupon-txt">{{coupons.discount}}折</strong>
            <strong class="coupon-icon"></strong>
            <strong class="slide-img" :style="bgimg(coupons.imgSrc)"></strong>
            <h6>{{coupons.title}}</h6>
            <span class="purchase-icon2"></span>
            <p>商品原价：&yen;{{coupons.pintegral}}</p>
            <div class="list-butt">
                <span class="list-buttMoney">{{coupons.integral}}</span>
                <span class="list-btn" v-if="coupons.isHas==0">立即购买</span>
                <span class="list-btn1" v-if="coupons.isHas==1">已购买</span>
            </div>
        </div>
    </div>
    <div class="coupon-cent">
        <div class="coupon-title clearfix">猜你喜欢<span @click="getNext()">更多折扣券</span></div>
        <div class="coupon-list" v-for="item in recsList" @click="getNext(item.couponId)">
            <strong class="purchase-icon5" v-if="item.discount==5"></strong>
            <strong class="purchase-icon6" v-if="item.discount==6"></strong>
            <strong class="slide-img" :style="bgimg(item.imgSrc)"></strong>
            <h6>{{item.title}}</h6>
            <span class="purchase-icon2"></span>
            <p>商品原价：&yen;{{item.pintegral}}</p>
            <div class="list-butt">
                <span class="list-buttMoney">{{item.integral}}</span>
                <span class="list-btn" v-if="item.isHas==0">立即购买</span>
                <span class="list-btn1" v-if="item.isHas==1">已购买</span>
            </div>
        </div>
    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/purchase/coupon.js?v=<%=$version%>"></script>
</body>
</html>